iT邦幫忙

2024 iThome 鐵人賽

DAY 9
0
Mobile Development

Swift大航道-啟航篇系列 第 9

swift 如何拉取元件並使用

  • 分享至 

  • xImage
  •  

拉取UI元件並使用

大家好,今天我想跟大家分享的是拉取UI元件並使用
截圖 2024-09-05 下午11.11.08
首先我們先打開新建好的xib介面,右上角有一個+號,點下去
截圖 2024-09-05 下午11.16.12
會出現這個畫面,並選擇你需要的元件,可以直接拉進去手機畫面即可,假設我現在先拉一個label,然後回到我們撰寫程式的地方,我習慣先把程式做區分,這樣我知道就很好找到我需要的程式,如下圖
截圖 2024-09-05 下午11.18.43
然後我們開始兩個畫面做拉取
截圖 2024-09-05 下午11.21.04
點選你要拉取的元件,並按下control,直接拉到IBOutlet做宣告,Name是你要宣告的名稱
截圖 2024-09-05 下午11.21.47
我們宣告元件後,也需要宣告元件應該要做什麼事情,所以也是上述一樣的步驟就可以得到如下圖所示
截圖 2024-09-05 下午11.26.37
這樣就可以開始撰寫你的專案啦!

結論

今天我們學習了如何有效地運用 UI 元件,包括如何宣告它們以及如何讓這些元件進行交互和動作。掌握這些技能不僅讓我們的應用更具互動性,也提升了我們的開發效率。希望大家都能一步一步前進,將今天所學應用到實際開發中。讓我們繼續探索更多有趣的知識吧!明天將介紹元件的拉約束喔,元件都有了,當然要來拉約束啦。See you!


上一篇
swift 元件基本介紹
下一篇
swift 拉約束Constraints
系列文
Swift大航道-啟航篇30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言